<template>
	<view>
		<el-col :span="15">
			<el-card class="box-card" shadow="always" style="width: 200%;">
			  <div slot="header" class="clearfix">
			    <span>
					<table style="width: 100%;">
						<tr>
							<td>客户消息</td>
							<td>{{ sendTime }}</td>
						</tr>
						<tr>
							<td>客户：{{ customCompany }}</td>
							<td>{{ customName }} 共享给你</td>
						</tr>
					</table>
				</span>
	
			  </div>
			  <div class="text item">
				<view>
					{{ content }}
				</view>
				<!-- <view class="back" @click="back()">
					返回
				</view> -->
				<el-button class="back" @click="back()" style="float: left; padding: 3px 0" type="text">返回</el-button>
				<el-button class="back" @click="back()" style="float: right; padding: 3px 0" type="text">返回</el-button>
			  </div>
			</el-card>
		</el-col>
		

	</view>
</template>

<script>
	export default {
	  data() {
	    return {
			customName: '',
			customCompany: '',
			sendTime: '',
			content: ''
	    }
	  },
	  onLoad(options) {
		this.customName = options.customName
		this.customCompany = options.customCompany
		this.sendTime = options.sendTime
		this.content = options.content
		console.log(this.customName+this.customCompany+this.sendTime+this.content)
	  },
	  methods: {
	  	back() {
	  		uni.reLaunch({
	  			url: 'index'
	  		});
	  	}
	  }
	}
	
</script>

<style>
	table {
		width: 400px;
	}
	.message {
		margin-bottom: 15px;
	}
	.back {
		magin-left: 200px;
		margin-top: 100px;
	}
	
	.text {
	    font-size: 14px;
	  }
	
	  .item {
	    margin-bottom: 18px;
	  }
	
	  .clearfix:before,
	  .clearfix:after {
	    display: table;
	    content: "";
	  }
	  .clearfix:after {
	    clear: both
	  }
	
	  .box-card {
	    width: 480px;
	  }
</style>